<template>
	<view class="wrap">
		<view class="text">{{label}}</view>
		<view class="input_box">
			<slot></slot>
		</view>
		<view class="icon_box">
			<view class="iconfont iconjinru icon" v-if="isShowRight"></view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			label:{
				type:String
			},
			isShowRight:{
				type:Boolean,
				default:false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap{
		display: flex;
		// align-items: center;
		border-bottom: 2rpx solid #e9e8e5;
		min-height: 100rpx;
		.text{
			text-align: center;
			height: 100rpx;
			line-height: 100rpx;
			min-width: 120rpx;
			font-size: 34rpx;
		}
		.input_box{
			display: flex;
			align-items: center;
			flex: 1;
		}
		.icon_box{
			display: flex;
			align-items: center;
			justify-content: center;
			.icon{
				width: 60rpx;
			}
		}
		
		
		
	}
</style>
